import React from 'react';
import { Button, Dropdown, Space } from 'antd';

const items = [
    {
        key: '1',
        label: (
            <a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com">
                1st menu item
            </a>
        ),
    },
    {
        key: '2',
        label: (
            <a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com">
                2nd menu item
            </a>
        ),
    },
    {
        key: '3',
        label: (
            <a target="_blank" rel="noopener noreferrer" href="https://www.luohanacademy.com">
                3rd menu item
            </a>
        ),
    },
];
const Test1Page = () => (
    <Space direction="vertical">
        <Space wrap>
            <Dropdown
                menu={{
                    items,
                }}
                placement="bottomLeft"
                arrow
            >
                <Button>bottomLeft</Button>
            </Dropdown>
            <Dropdown
                menu={{
                    items,
                }}
                placement="bottom"
                arrow
            >
                <Button>bottom</Button>
            </Dropdown>
            <Dropdown
                menu={{
                    items,
                }}
                placement="bottomRight"
                arrow
            >
                <Button>bottomRight</Button>
            </Dropdown>
        </Space>
        <Space wrap>
            <Dropdown
                menu={{
                    items,
                }}
                placement="topLeft"
                arrow
            >
                <Button>topLeft</Button>
            </Dropdown>
            <Dropdown
                menu={{
                    items,
                }}
                placement="top"
                arrow
            >
                <Button>top</Button>
            </Dropdown>
            <Dropdown
                menu={{
                    items,
                }}
                placement="topRight"
                arrow
            >
                <Button>topRight</Button>
            </Dropdown>
        </Space>
    </Space>
);
export default Test1Page;